<html>
    <head></head>
    <body style="margin: 0; padding: 0;">
        <div id="navigation" style="width: 100%;border-bottom: 1px solid #ccc;padding: 0;margin: 0;background-color: #008000;">
            <ul style="list-style: none; padding: 5px; margin: 0; display: flex; justify-content: start;">
            <li style="margin-right: 20px;"><a href="#home" style="text-decoration: none; color: black; display: block; padding: 10px 0;">Home</a></li>
            <li style="margin-right: 20px;"><a href="#about" style="text-decoration: none; color: black; display: block; padding: 10px 0;">About Us</a></li>
            <li style="margin-right: 20px;"><a href="#services" style="text-decoration: none; color: black; display: block; padding: 10px 0;">Services</a></li>
            <li><a href="#contact" style="text-decoration: none; color: black; display: block; padding: 10px 0;">Contact</a></li>
            </ul>
        </div>
    </body>
</html>
